<!-- 关于屹信 -->
<template>
	<view class="about">
		<cu-custom bgColor="bg-gradual-blue" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content"></block>
		</cu-custom>
		<canvas canvas-id="bubble" :style="'width:' + width + 'px;height:' + height + 'px'" class="like-fx"></canvas>
		<like-fx ref="likeFx" :width="width" :height="height"></like-fx>

		<view class="titleZ text-center align-center">
			<text class="text-bold">关于屹信息</text>
			<view class="contentZ">
				<text
					class="text-xl">杭州屹信信息工程咨询有限公司成立于2019年，是一家以信息化项目咨询为主的国家高新技术企业，是浙江省信息化项目审计和绩效评价标杆企业。主要向客户提供信息化工程项目审计咨询、造价评估、绩效评价、行业软件开发及数据治理、培训等方面的专业服务，在服务流程、质量保证、评估成果等流程上均实现了数字化</text>
			</view>
		</view>

		<view class="titleZ text-center align-center margin-top-xl">
			<text class="text-bold">想合作？有需求？有项目？</text>
			<view class="contentZ margin-top-lg">
				<text class="text-xl text-bold">「屹信专业机构」</text>
				<text
					class="text-xl">：拥有信息工程咨询、工程造价咨询、软件造价评估、信息系统监理、软件企业、高新技术企业、国家及浙江省科技型中小企业、浙江省创新型中小企业等资质，通过ISO9001质量管理体系认证ISO27001信息安全管理体系
					ISO20000信息技术服务管理体系认证。2024年4月通过涉密咨询资质审查～</text>
			</view>
			<view class="contentZ" style="margin-top: 40rpx;">
				<text class="text-xl text-bold">「屹信专业机构」</text>
				<text
					class="text-xl">：公司目前已建立了一支具有高级程序员、国际注册信息系统审计师、信息系统项目管理师、系统架构师、咨询工程师（投资）、一级造价工程师、信息系统监理师、软件造价工程师、注册信息安全工程师、管理咨询师、注册会计师、资产评估师等资质的专业团队。包括2名浙江省级政府信息化项目专家委成员。“政府的投资决策参谋，业主的项目管理顾问”是我们的服务职责。我们期望为您提供科学的规划战略、正确的投资决策依据、与时俱进的设计方案、严谨的项目管理，专业的审计评价服务，为信息工程建设保驾护航...</text>
			</view>
		</view>
		<u-divider text="到底了"></u-divider>
		<!-- <button class='' open-type="contact">
			<image src='../../static/logo.png' class='share-img png round shadow-lg bg-white' mode='aspectFit'>
			</image>
		</button> -->
	</view>
</template>

<script>
	import LikeFx from '@/components/likeFx/likeFx.vue'
	export default {
		components: {
			LikeFx
		},
		data() {
			return {
				animation_timer: null, // 动画定时器
				width: 375,
				height: 1920
			}
		},
		onLoad() {
			this._startLikeAnimation();
		},
		onShareAppMessage() {
			return {
				title: '快来和我们玩转软件开发吧～',
				path: '/pages/about/about?from=share'
			}
		},
		methods: {
			_startLikeAnimation() {
				this.animation_timer = setInterval(() => {
					if (this.$refs.likeFx) {
						this.$refs.likeFx.likeClick()
					}
				}, 300)
			}
		}
	}
</script>

<style scoped>
	.titleZ {
		width: 750rpx;
		font-size: 52rpx;
		margin-top: 60rpx;
	}

	.contentZ {
		width: 650rpx;
		margin: 10rpx auto 0;
		text-align: left;
	}

	.about-bg {
		background-size: cover;
		width: 100vw;
		height: 100vh;
		justify-content: center;
		flex-direction: column;
		color: #fff;
	}

	.edit-fixed {
		position: fixed;
		width: 100%;
		bottom: 0;
		z-index: 1024;
		box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0.1);
	}

	.detail-imgs image {
		width: 100%;
		float: left;
		/* height:400rpx; 不定高了*/
		border: 0;
		padding: 0;
		margin: 0
	}

	.share-img {
		position: fixed;
		padding: 10rpx;
		width: 100rpx;
		height: 100rpx;
		/* top: 680rpx; */
		bottom: 200rpx;
		right: 20rpx;
		z-index: 1024;
		opacity: 0.8;
		box-shadow: 0rpx 8rpx 30rpx 0rpx rgba(0, 0, 0, 0.3);
		border: none;
	}

	.about {
		margin: 0;
		width: 100%;
		height: 100%;
		padding-top: 20%;
		color: #fff;
		background: linear-gradient(-120deg, #F15BB5, #9A5CE5, #01BEFF, #00F5D4);
		/* background: linear-gradient(-120deg, #0976ea, #c471f5, #f956b6, #ea7e0a); */
		background-size: 500% 500%;
		animation: gradientBG 15s ease infinite;
	}

	@keyframes gradientBG {
		0% {
			background-position: 0% 50%;
		}

		50% {
			background-position: 100% 50%;
		}

		100% {
			background-position: 0% 50%;
		}
	}

	.container {
		width: 100%;
		position: absolute;
		text-align: center;
	}

	.like-fx {
		position: fixed;
		right: 0;
		z-index: 1024;
		pointer-events: none;
		/* background-color: red; */
	}
</style>